<template>
  <div>
    <el-button type="primary" @click="showDialog('queryReply')">查询查复</el-button>
    这是：Container 布局容器
        <query-and-reply ref="queryReply" v-if="queryAndReplyDialogVisible"
                         :visible.sync="queryAndReplyDialogVisible"/>
    <!--<div>-->
      <!--<el-col :span="12">-->
        <!--<el-form-item label="环节：" prop="roleGroup">-->
          <!---->
        <!--</el-form-item>-->
      <!--</el-col>-->
    <!--</div>-->
  </div>
</template>

<script>
  import QueryAndReply from '@/components/QueryAndReply'
  import { tacheRouter } from '@/config/tacheRouter'
    export default {
      name: "basic-container",
      components:{
          "QueryAndReply" :QueryAndReply,
      },
      data() {
          return{
            queryAndReplyDialogVisible : false,
            roleGroupData : tacheRouter
          }
      },
      methods:{
        showDialog(refForm) {
          if(this.$refs[refForm]){
            this.$refs[refForm].initForm();
          }
          this.queryAndReplyDialogVisible= true;
        }
      }
    }
</script>

<style scoped>

</style>
